import { createContext, useState } from 'react'
import logo from './logo.svg'
import './App.css'

import ContextHookDemo from './04_useContext使用/01_useContext的使用'
export const UserContext = createContext()
export const ThemeContext = createContext()
function App() {
  return (
    <div className="App">
      <UserContext.Provider value={{ name: 'why', age: 18 }}>
        <ThemeContext.Provider value={{ fontSize: '30px', color: 'red' }}>
          <ContextHookDemo />
        </ThemeContext.Provider>
      </UserContext.Provider>
    </div>
  )
}

export default App
